<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
<meta http-equiv='content-type' content='text/html;charset=utf-8' />
<style>
#main_left{
	width:650px;
	float:left;
}
#content_img{
	width:640px;
	border:5px solid #EEE;
}
.content{
	width:650px;
	height:240px;
	margin-top:10px;
}
.content_text_left{
	width:320px;
	float:left;
	border:1px solid #EEE;
}
.content_text_right{
	float:right;
	width:320px;
	border:1px solid #EEE;
}
.content_text_top{
	background-color:#40AA53;
	font-size:14px;
	font-weight:bold;
	height:22px;
	line-height:22px;
	text-indent:12px;
	border-radius:4px;
	color:#FFFFFF;
}
.content_text_top a{
	color:#FFF;
}
.content_text_top div{
	float:right;
	width:80px;
	text-align:right;
}
.content_text{
	width:320px;
	height:215px;
}
.content_text ul li{
	list-style-type:none;
	height:30px;
	line-height:30px;
	text-indent:10px;
}
</style>
<script>
window.onload=function(){
	var img=document.getElementById('content_img_float');
	var image=['spring.jpg','summer.jpg','autumn.jpg','winter.jpg'];
	var length=image.length;
	var i=0;
	function imgfloat(){
		if(i<length){
			img.src='__PUBLIC__/images/'+image[i];
			i++;
			if(i==length){
				i=0;
			}
			setTimeout(imgfloat,1500);
		}
	}
		
	imgfloat();
}
</script>
</head>
<body>
	<div id='main_left'>
		<div id='content_img'>
			<img id='content_img_float'>
		</div>

		<div class='content'>
		
			<div class='content_text_left'>
				<div class='content_text_top'>互联网<div><a href="<{:U('Search/internet')}>">更多>></a></div></div>
				<div class='content_text'>
					<ul>
						<volist name='internet' id='vo'>
							<li><img src='__PUBLIC__/images/arrow.png' />&nbsp;<a href='<{:U("Article/index","id={$vo['id']}")}>' target="_blank" title="<{$vo.title}>"><{$vo.title|mysubstr=###,0,22}></a></li>
						</volist>
					</ul>
				</div>
			</div>
			
			<div class='content_text_right'>
				<div class='content_text_top'>体育<div><a href="<{:U('Search/sport')}>">更多>></a></div></div>
				<div class='content_text'>
					<ul>
						<volist name='sport' id='vo'>
							<li><img src='__PUBLIC__/images/arrow.png' />&nbsp;<a href='<{:U("Article/index","id={$vo['id']}")}>' target="_blank" title="<{$vo.title}>"><{$vo.title|mysubstr=###,0,22}></a></li>
						</volist>
					</ul>
				</div>
			</div>

		</div>
		<div class='content'>
			
			<div class='content_text_left'>
				<div class='content_text_top'>娱乐<div><a href="<{:U('Search/entertainment')}>">更多>></a></div></div>
				<div class='content_text'>
					<ul>
						<volist name='entertainment' id='vo'>
							<li><img src='__PUBLIC__/images/arrow.png' />&nbsp;<a href='<{:U("Article/index","id={$vo['id']}")}>' target="_blank" title="<{$vo.title}>"><{$vo.title|mysubstr=###,0,22}></a></li>
						</volist>
					</ul>
				</div>
			</div>
			
			<div class='content_text_right'>
				<div class='content_text_top'>新闻<div><a href="<{:U('Search/news')}>">更多>></a></div></div>
				<div class='content_text'>
					<ul>
						<volist name='news' id='vo'>
							<li><img src='__PUBLIC__/images/arrow.png' />&nbsp;<a href='<{:U("Article/index","id={$vo['id']}")}>' target="_blank" title="<{$vo.title}>"><{$vo.title|mysubstr=###,0,22}></a></li>
						</volist>
					</ul>
				</div>
			</div>
		</div>
	</div>
</body>
</html>